// import * as themes1 from 'react-syntax-highlighter/dist/esm/styles/prism'; // 代码高亮主题风格
// import * as themes from 'react-syntax-highlighter/dist/esm/styles/hljs';
// 代码样式可以从这两个库中引入，但是都不好看，我想自定义
const codeStyle = {
  hljs: {
    display: 'block',
    overflowX: 'auto',
    padding: '0.5em',
    color: '#abb2bf',
    background: '#282c34',
    fontStyle: 'normal',
    fontSize: '15px',
  },
  'hljs-comment': {
    color: '#5c6370',
    fontStyle: 'normal',
  },
  'hljs-quote': {
    color: '#5c6370',
    fontStyle: 'normal',
  },
  'hljs-doctag': {
    color: '#c678dd',
  },
  'hljs-keyword': {
    color: '#c678dd',
    fontStyle: 'normal',
  },
  'hljs-formula': {
    color: '#c678dd',
  },
  'hljs-section': {
    color: '#e06c75',
  },
  'hljs-name': {
    color: '#e06c75',
  },
  'hljs-selector-tag': {
    color: '#e06c75',
  },
  'hljs-deletion': {
    color: '#e06c75',
  },
  'hljs-subst': {
    color: '#e06c75',
  },
  'hljs-literal': {
    color: '#56b6c2',
  },
  'hljs-string': {
    color: '#98c379',
  },
  'hljs-regexp': {
    color: '#98c379',
  },
  'hljs-addition': {
    color: '#98c379',
  },
  'hljs-attribute': {
    color: '#98c379',
  },
  'hljs-meta-string': {
    color: '#98c379',
  },
  'hljs-built_in': {
    color: '#e6c07b',
  },
  'hljs-class .hljs-title': {
    color: '#e6c07b',
  },
  'hljs-attr': {
    color: '#d19a66',
  },
  'hljs-variable': {
    color: '#d19a66',
  },
  'hljs-template-variable': {
    color: '#d19a66',
  },
  'hljs-type': {
    color: '#d19a66',
  },
  'hljs-selector-class': {
    color: '#d19a66',
  },
  'hljs-selector-attr': {
    color: '#d19a66',
  },
  'hljs-selector-pseudo': {
    color: '#d19a66',
  },
  'hljs-number': {
    color: '#d19a66',
  },
  'hljs-symbol': {
    color: '#61aeee',
  },
  'hljs-bullet': {
    color: '#61aeee',
  },
  'hljs-link': {
    color: '#61aeee',
    textDecoration: 'underline',
  },
  'hljs-meta': {
    color: '#61aeee',
  },
  'hljs-selector-id': {
    color: '#61aeee',
  },
  'hljs-title': {
    color: '#61aeee',
  },
  'hljs-emphasis': {
    fontStyle: 'normal',
  },
  'hljs-strong': {
    fontWeight: 'bold',
  },
};

export default codeStyle;
